Migration Guide > key attribute の翻訳 #143
Conversation
|
Deploy preview for vuejs-v3-ja-doc-preview ready! Built with commit d05ecfd https://deploy-preview-143--vuejs-v3-ja-doc-preview.netlify.app |
|
@egurinko |
src/guide/migration/key-attribute.md
Outdated
| ## 概要 | ||
|
|
||
| - **新着:** Vue が一意の `key` を自動的に生成するようになったため、`v-if`/`v-else`/`v-else-if` 分岐で `key` が不要になりました。 | ||
| - **速報:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。 同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。 |
There was a problem hiding this comment.
| - **速報:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。 同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。 | |
| - **破壊的変更:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。 同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。 |
Breaking は破壊的変更(Breaking Changes)の意味なので、速報ではなく 破壊的 または 破壊的変更 で良いかと
There was a problem hiding this comment.
破壊的変更 に修正しました
d05ecfd
src/guide/migration/key-attribute.md
Outdated
|
|
||
| - **新着:** Vue が一意の `key` を自動的に生成するようになったため、`v-if`/`v-else`/`v-else-if` 分岐で `key` が不要になりました。 | ||
| - **速報:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。 同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。 | ||
| - **速報:** `<template v-for>` における `key` は、`<template>` タグに配置する必要があります（子の要素ではない） |
There was a problem hiding this comment.
破壊的変更 に修正しました
d05ecfd
src/guide/migration/key-attribute.md
Outdated
|
|
||
| ## 背景 | ||
|
|
||
| `key` 属性はノードの ID を追跡するために Vue の仮想 DOM のアルゴリズムのヒントとして使用されます。 こうすることで Vue は既存のノードを再利用してパッチを適用できる時期と、ノードを並べ替えまたは再作成する必要がある時期を識別します。 詳細については、次のセクションを参照してください。 |
There was a problem hiding this comment.
文頭を 特別な属性である key は～ に修正しました
d05ecfd
「key特別属性」だと違和感を感じたので、意図的に special を除いていました。
src/guide/migration/key-attribute.md
Outdated
| <div v-else key="no">No</div> | ||
| ``` | ||
|
|
||
| 上記の例は、Vue3.x でも機能します。 ただし、`v-if` / `v-else` / `v-else-if` 分岐で `key` 属性を使用することはお勧めしません。条件分岐で `key` を指定しない場合、一意となる `key` が自動的に生成されるようになったためです。 |
There was a problem hiding this comment.
| 上記の例は、Vue3.x でも機能します。 ただし、`v-if` / `v-else` / `v-else-if` 分岐で `key` 属性を使用することはお勧めしません。条件分岐で `key` を指定しない場合、一意となる `key` が自動的に生成されるようになったためです。 | |
| 上記の例は、Vue3.x でも機能します。 ただし、`v-if` / `v-else` / `v-else-if` 分岐で `key` 属性を使用することはおすすめしません。条件分岐で `key` を指定しない場合、一意となる `key` が自動的に生成されるようになったためです。 |
漢字は開いたほうが読みやすいかと 📝
There was a problem hiding this comment.
おすすめ に修正しました。
d05ecfd
src/guide/migration/key-attribute.md
Outdated
| <div v-else>No</div> | ||
| ``` | ||
|
|
||
| 重大な変更は手動で `key` を指定する場合、各分岐は一意となる `key` を使用する必要があることです。ほとんどの場合、これらの `key` は削除できます。 |
There was a problem hiding this comment.
breaking change は重大な変更ではなく破壊的変更です 🤖
There was a problem hiding this comment.
破壊的変更 に修正しました。
d05ecfd
てにをはも1ヶ所、見直しました。
各分岐は一意となる -> 各分岐に一意となる
resolve #120
翻訳対象のファイルが fork 時点での vuejs.org にはないため、
本家の↓こちらを翻訳しています。
https://github.com/vuejs/docs-next/blob/master/src/guide/migration/key-attribute.md